<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户信息列表</title>
    <script src="jquery-1.11.1.js"></script>
</head>
<body>
        <h1>hello springmvc</h1>
        <p> model: ${requestScope.info}  </p>

        <button id="btn">发送异步请求</button>
        <button id="btn2">发送异步请求2</button>
    <script type="text/javascript">
        $("#btn").click(function () {
            // 发送异步请求
            $.ajax({
                url:'/res/m5',   //  请求接口地址
                data:{id:10},   //  请求时携带的参数
                type:'get',     // 请求方式
                dataType:'json',   // 返回数据格式
                success:function (res) {    //  请求成功的回调函数    res  请求接口返回的结果
                    console.log(res.code)
                    console.log(res.msg)
                    if(res.code==200){
                        console.log("操作成功")
                    }else {
                        console.log("操作失败")
                    }
                }
            })
        })
        $("#btn2").click( function () {
            $.get('/res/m5',{id:10},function (res) {
                console.log(res.code)
                console.log(res.msg)
            },'JSON')
        })
    </script>

</body>
</html>
